<template>
    <div class='front-index'>
         <head-v :text='text' time=time>
             <!-- 优势在于我们明确知道这个地方需要将goback组件和timer组件传递到frontindex.vue中,没必要用数据控制v-show来进行子组件内部的渲染 -->
             <go-back slot='goback'></go-back>   
             <timer slot='timer'></timer>
         </head-v>
         <carousel :carousel='carousel' ></carousel>
         <information-bar></information-bar>
         <show-course></show-course>
         <back-top></back-top>
    </div>
</template>
<script>
    import Carousel from '../../components/Carousel.vue'
    import Header from '../Header.vue'
    import GoBack from '../../components/GoBack.vue'
    import Timer from '../../components/Timer.vue'
    import InformationBar from '../../components/InformationBar.vue'
    import ShowCourse from '../ShowCourse.vue'
    import BackTop from '../../components/BackTop.vue'
    export default{
        data(){
            return {
                carousel:[
                    {url:'a',image:'http://pic1.win4000.com/wallpaper/6/5805e27d541a8.jpg'},
                    {url:'b',image:'http://pic1.win4000.com/wallpaper/6/5805e28087055.jpg'},
                    {url:'c',image:'http://pic1.win4000.com/wallpaper/6/5805e284d2755.jpg'},{url:'/Main/MySettings',image:'http://pic1.win4000.com/wallpaper/6/5805e288b9441.jpg'}],
                text:'首页',
                
            }
        },
        beforeCreate(){
            // console.log('frontIndex.vue','beforeCreate()');
        },
        created(){
            // console.log('frontIndex.vue','created()');
        },
        beforeMount(){
            // console.log('frontIndex.vue','beforeMount()');
        },
        mounted(){
            // console.log('frontIndex.vue','mounted()');
        },
        beforeUpdate(){
            // console.log('frontIndex.vue','beforeUpdate()');
        },
        updated(){
            // console.log('frontIndex.vue','updated()');
        },
        beforeDestroy(){
            // console.log('frontIndex.vue','beforeDestroyed()');
        },
        destroyed(){
            // console.log('frontIndex.vue','destroyed()')
        },
        components:{
            Carousel,
            HeadV:Header,
            GoBack,
            Timer,
            InformationBar,
            ShowCourse,
            BackTop,
        }
    }
</script>
<style lang='scss'>
   /* FrontIndex.vue */
   @import '../../assets/css/function' ;
    .dividing-line{
        height: 1px;
        width: 100%;
        background: gray
    }
    .front-index{
        padding-bottom:pxtorem(60px);
    }
</style>